<template>
  <div class="dashboard-container">
    <!-- <asTable :configs="colConfigs" :listdata="list.data.openid">
      <el-table-column slot="opt" label="操作" align="center">
        <template slot-scope="scope">
          <div class="stores">
            <el-button size="small">
              {{ scope.row }}
            </el-button>
          </div>
        </template>
      </el-table-column>
    </asTable> -->
    <page :total="50" :page-size="12" @changePage="changePage" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import { mapState, mapMutations, mapActions } from 'vuex'
import { Alert } from 'element-ui'
export default {
  name: 'Dashboard',
  data() {
    return {
      colConfigs: [
        { type: 'selection' },
        { prop: 'name', label: '名字' },
        { prop: 'age', label: '年龄' },
        { prop: 'time', label: '日期' },
        { slot: 'opt' }
      ],
      listdata: [
        { name: '康', age: '11', time: '2019-10-1' }
      ]
    }
  },
  computed: {
    ...mapState('reg', ['list']),
    ...mapGetters([
      'name'
    ])
  },
  async mounted() {
    await this.FETCH_GET_LIST()
  },
  methods: {
    ...mapActions('reg', ['FETCH_GET_LIST']),
    changePage(val) {
      console.log(val)
    }

  }

}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
